<script setup lang="ts">
// 1. TS版本写法 - 设置默认值(终版)
const { money, car = '自行车' } = defineProps<{
  money: number
  car?: string
}>()

// 2. 给父组件传参
// 2.1 非TS版本的写法
// const emits = defineEmits(['changeMoney', 'changeCar'])

// 2.2 TS版本的写法
const emits = defineEmits<{
  (e: 'changeMoney', money: number): void
  (e: 'changeCar', car: string): void
}>()



console.log(money, car);

</script>

<template>
  <div>
    <h3>钱包: {{ money }}, 车: {{ car }}</h3>
    <button @click="emits('changeMoney', 1000)">发工资</button>
    <button @click="emits('changeCar', '独轮车')">换车</button>
  </div>
</template>

<style scoped></style>
